<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">
    <title>悠途课堂</title>
    <link href="css/index.css" rel="stylesheet" />
    <link href="css/reveal.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <!-- 
    <script type="text/javascript" src="http://cdn.aodianyun.com/dms/rop_client.js"></script>
     -->
     <script type="text/javascript" src="js/rop_client.js"></script>
    <!-- 
    <script type="text/javascript" src="http://cdn.aodianyun.com/lss/aodianplay/player.js"></script>
     -->
    <script type="text/javascript" src="js/player.js?ver=1.3"></script>
    <!--
    <script src="http://cdn.aodianyun.com/wis/api.js"></script> 
    -->
    <script src="js/api.js"></script>
    <script src="js/mousewheel.js"></script>
    <script src="js/app.js"></script>
    <script src="js/index-ui.js"></script>
    <script src="jsrel/jwplayer.js"></script>
    <script src="js/student.js"></script>
	<script src="js/jquery.reveal.js"></script>
    
</head>
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<div class="mainBody">
<div class="topBar">
    <span class="leftLabel">悠途课堂-学生端&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="help/stu_help.html" target="_blank" style="color:white">操作说明</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a id="fullscreen" href="javascript:void(0);" onclick="screenmode();" style="color:white;cursor:pointer;">全屏模式</a>
    </span>
    <span class="rightLabel">在线：<span>0</span></span>
</div>
<table class="centerHolder">
<tr>
<td>
    <div class="content" id="content">
        <div class="leftBox" id="leftBox" >
            <div class="boardView" id="boardView">
			    <div class="toolsBar">
                    <div class="itemSuit toolList">
                        <div class="toolLabel"></div>
                        <div  class="toolItem" id="largeTool"><a style="background-image:url(images/large.png)"></a></div>
                        <div  class="toolItem" id="smallTool"><a style="background-image:url(images/small.png)"></a></div>
                    </div>
                </div>
                <div class="boardBox" id="boardBox">
                    <div id="wis_context">
                        <div id="wis_context_inner">
                        </div>
                    </div>
                </div>
                <div class="boardBottom">
				    
                </div>
            </div>
            <div style="display:none;" class="videoView" id="videoView"></div>
        </div>
        <div class="rightBox">
            <div class="videoBox">
                <div class="displayBox" id="displayBox"><div id="playerView"></div></div>
                <div class="displayCtrlBar">
                    <!-- <a class="switchBtn" onclick="switchView()"></a>-->
                    <a id="canhand" class="offHandBtn" onclick="handme()">举&nbsp;&nbsp;&nbsp;手</a>
                </div>
            </div>
            <div id="mp3player_stu">
            </div>
            <div id="mp3player_stu_carver">
            </div>
            <div class="tabsBox">
                <div class="tabsHeader">
                    <a onclick="switchTab(this,'#tabBody1');" class="selectTab">消息</a>
					<!--
                    <a onclick="switchTab(this,'#tabBody2');">文档</a>
					-->
                </div>
                <div class="tabBody">
                    <div id="tabBody1" class="chatWindow">
                        <div class="messageBox" id="messageBox" onclick="$('#faceBox').hide()">
                        </div>
                        <div class="faceBox" id="faceBox" style="display:none;">
                            <div class="faceList" id="faceList">
                                <div class="facePage" id="facePage1"></div>
                                <div class="facePage" id="facePage2"></div>
                                <div class="facePage" id="facePage3"></div>
                            </div>
                            <div class="pageholder">
                                <div style="background-color:#808080;" onclick="facePageSelect(0)"></div>
                                <div style="background-color:white;" onclick="facePageSelect(1)"></div>
                                <div style="background-color:white;" onclick="facePageSelect(2)"></div>
                            </div>
                        </div>
                        <div class="chatToolsBar">
                            <a class="chatToolItem" style="background-image:url(images/face.png)" onclick="showFaceList();"></a>
                        </div>
                        <div class="msgSendBar" onclick="$('#faceBox').hide()">
                            <textarea placeholder="发送消息" id="msgSendTxt"></textarea>
                            <a href="javascript:Publish()">发送</a>
                        </div>
                    </div>
                    <div id="tabBody2" class="docWindow" style="display:none;">
                        <div class="docList" id="docList">
                        </div>
                        <div class="docUploader">
                            <a id="uploadBtn" onclick="$('#uploadForm').contents().find('#fileUp').click();">+上传文档&nbsp;&nbsp;</a>
                        </div>
                        <iframe id="uploadForm" style="height:0px;width:0px;display:none;"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</td>
</tr>
</table>
</div>
<div class="stuView" style="display:none" id="vadioPlay">
	<div class="displayBox"><iframe id="stuPlay" allowtransparency="true" frameBorder="0" scrolling="no" width="278px" height="180px"></iframe></div>
	<div class="displayCtrlBar">
        <span id="stuinfo"></span>
        <span id="stuoper_play" class="stuoper">收</span>              
    </div>
</div>
<div class="stuView" style="display:none" id="vadioPublish">
	<div class="displayBox"><iframe id="stuPublish" allowtransparency="true" frameBorder="0" scrolling="no" width="278px" height="180px"></iframe></div>
	<div class="displayCtrlBar">
	    <a id="stupublish" class="offMicBtn" onclick="publishme()">上麦</a>
	    <a id="stupubset" class="offMicBtn" onclick="stupubset()">设</a>
        <span id="stuinfo_publish"></span>
        <span id="stuoper_pub" class="stuoper">收</span>             
    </div>
</div>

<div id="myModal" class="reveal-modal">
	<h1 style="color:red">重要提示：</h1>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;该平台使用国际领先的视频流技术构建，为保证用户能正常流畅使用，请确保网络带宽4M及以上，推荐浏览器：360极速浏览器、360浏览器(极速模式)、chrome、IE10及以上、edge。</h3>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;使用本平台前，请确定摄像设备可正常工作。</h3>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;使用edge时，需更新本机摄像头驱动到最新。</h3>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;如遇无法使用情况，请更新本机摄像头驱动并使用推荐的浏览器版本。</h3>
	<h3>&nbsp;&nbsp;&nbsp;&nbsp;第一次使用，请先阅读<a href="help/stu_help.html" target="_blank">使用说明</a>。</h3>
	<input type="checkbox" name="selme" id="selme">下次不再显示
	<a class="close-reveal-modal">&#215;</a>
</div>
<div id="mysetModal" class="reveal-modal medium" >
	<table style="width:100%;height:150px;" border="0">
		<tr>
			<td style="width:100px;text-align:right">麦克风：</td>
			<td style="text-align:left">
				<select id="selmic" style="width:90%;height:30px"></select>
			</td>
		</tr>
		<tr>
			<td style="width:100px;text-align:right">摄像头：</td>
			<td style="text-align:left">
				<select id="selcam" style="width:90%;height:30px"></select>
			</td>
		</tr>
		<tr>
			<td ></td>
			<td style="text-align:right">
				<input id="setok" type="button" value="确定" style="width:50px;height:25px;font-size:14px;"/>
				&nbsp;&nbsp;&nbsp;&nbsp;
			</td>
		</tr>
	</table>
	<a class="close-reveal-modal">&#215;</a>
</div>
</body>
<script type="text/javascript" src="jsrel/fullscreen.js"></script>
<script>
if (fullScreenApi.supportsFullScreen) {
	$("#fullscreen").show();
}else{
	$("#fullscreen").hide();
}

function screenmode(){
	if(fullScreenApi.isFullScreen()){
		fullScreenApi.cancelFullScreen(document.documentElement);
	}else{
		fullScreenApi.requestFullScreen(document.documentElement);
	}
}

function doit(){
	if(fullScreenApi.isFullScreen()){
		$("#fullscreen").html("退出全屏");
	}else{
		$("#fullscreen").html("全屏模式");
	}
}

if (fullScreenApi.supportsFullScreen) {
	document.addEventListener("fullscreenchange", function () {
    	doit();
	}, false);
	document.addEventListener("mozfullscreenchange", function () {
    	doit();
	}, false);
	document.addEventListener("webkitfullscreenchange", function () {
    	doit();
	}, false);
}
</script>
</html>
